<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> Twitter Trackbacks - Fixed List</title>
<!-- Not required! -->
<link href='demo.css' rel='stylesheet' type='text/css'/>
<!-- Not required! -->

<!-- required CSS  -->
<style type="text/css">
/* container */
div.twitter-trackbacks{ }
/* ul list */
ul.ttw-inner{
	padding:0;
	margin:0;
}
ul.ttw-inner li{
	border-bottom:silver 1px dotted;
	float:left;
	margin:1px 0 1px 0;
	padding:2px 2px 4px 2px;
	list-style-type:none;
	position:relative;
	height:48px;
	overflow:hidden;
	width:100%;
}
/* author img */
ul.ttw-inner span.ttw-author-img{
	display:block;
	width:48px;
	height:48px;
	margin:0 5px 0 2px;
	overflow:hidden;
	left:0;
	position:absolute;
}
/* author name */
ul.ttw-inner strong a{
	margin-right:5px;
}
/* tweet body */
ul.ttw-inner span.ttw-body {
	display:block;
	margin-left:55px;
}
/* tweet content */
ul.ttw-inner span.ttw-content{}

/* tweet meta : date, reply, retweet line */
ul.ttw-inner span.ttw-meta {
	color:#999999;
	display:block;
	font-size:0.764em;
	margin:3px 0 0;
}
ul.ttw-inner span.ttw-meta a{
	color:#999999;
	text-decoration:none;
}
ul.ttw-inner span.ttw-meta a:hover{
	text-decoration:underline;
}
/* customize reply link */
ul.ttw-inner a.ttw-reply { }
/* customize retweet link */
ul.ttw-inner a.ttw-retweet { }

/* customize links */
ul.ttw-inner a.ttw-link { }
/* customize @user links */
ul.ttw-inner a.ttw-at { }
/* customize #hashtags links */
ul.ttw-inner a.ttw-hashtag { }

/* Customize tweets of users with influence levels from 0 to 10 */
li.ttw-inf-0, li.ttw-inf-1, li.ttw-inf-2{ }
li.ttw-inf-3, li.ttw-inf-4, li.ttw-inf-5, li.ttw-inf-6{ 
	background:#ececec
}
li.ttw-inf-7, li.ttw-inf-8, li.ttw-inf-9, li.ttw-inf-10{
	background:#e0e0e0
}

/* Customize users image with influence levels from 0 to 10 */
li.ttw-inf-0 img{}
/* ...... */
li.ttw-inf-10 img{}

/* Customize users name with influence levels from 0 to 10 */
li.ttw-inf-0 strong{}
/* ...... */
li.ttw-inf-10 strong{}
</style>
<!-- required CSS :END -->

<!-- required Javascript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-trackbacks-widget.googlecode.com/files/jquery.twittertrackbacks-1.0.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('div.my-trackbacks').twitterTrackbacks({
			url:'http://www.moretechtips.net/2009/11/twitter-trackbacks-widget-jquery-plugin.html'
			,n:8
			,show_n:0
			,inf_tip:1
		});
	});
</script>
<!-- required Javascript :END -->
</head>
<body>
	<h1>Twitter Trackbacks - Fixed List</h1>
	
	<div class="Some-Container!" style="width:700px;overflow:hidden">
		<!-- required HTML -->
		<div class="my-trackbacks">loading..</div>
		<!-- required HTML :END -->
	</div>
	
	<div id="footer">
		<a class="icon" href="http://www.moretechtips.net/" title="More Tech Tips!"></a>
		<div class='ad'>
			<script type="text/javascript">google_ad_client = "pub-9464686146570738";google_ad_slot = "6604226947";google_ad_width = 468;google_ad_height = 60;</script>
			<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
		</div>
		<a class="link" href="http://www.moretechtips.net/2009/11/twitter-trackbacks-widget-jquery-plugin.html">Back to post</a>
	</div>
	
	<script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script>
	<script type="text/javascript">try {var pageTracker = _gat._getTracker("UA-5465067-7"); pageTracker._trackPageview(); } catch(err) {}</script>
</body>
</html>
